<template>
  <div>
    <div class="fixHead">
      <div class="title">
        <span class="iconfont icon-jiantou" @click="$router.go(-1)"></span>
        <span class="icon-home" @click="$router.push('/')"></span>
        <h1>申请加入/追随社群</h1>
        <span class="rightBtn" style="color: #deaa8a;" @click="doSubmit"
          >确认申请</span
        >
      </div>
      <div style="height: 0.88rem;"></div>
    </div>
    <div class="formlist">
      <div class="item ">
        <div class="left">引荐人</div>
        <div class="right">
          <input type="text" placeholder="请输入引荐人的8位数个人ID" />
        </div>
      </div>
      <div class="item">
        <div class="left">申请名片</div>
        <div class="right">
          <div class="choose" @click="$router.push('/card')">
            <!-- <span class="txt">请选择用于该社群的名片</span> -->
          </div>
          <!-- 已选择名片 -->
          <div class="card">
            <img class="head" src="../../assets/images/adver.jpg" />
            <div class="info">
              <p class="name line1">麻小云</p>
              <p class="des line1">
                阿里巴巴创始人/慈善会会长/蚂蚁阿里巴巴创始人/慈善会会长/蚂蚁
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="item smaller">
        <div class="left" style="padding-top: 0.1rem;line-height: 0.32rem;">
          申请说明<br />（选填）
        </div>
        <div class="right">
          <textarea placeholder="请输入，如个人简介、团队业务能力等"></textarea>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {},
  data: function() {
    return {};
  },
  mounted: function() {},
  methods: {
    doSubmit() {
      //
      // this.$dialog.toast({ mes: "该推荐ID不存在" });
      // this.$dialog.toast({ mes: "申请已提交" });
      //
      this.$dialog.confirm({
        title: "VIP才能加入该社群哦~",
        mes: "开通VIP享超多特权",
        opts: [
          {
            txt: "以后再说",
            color: "#999999",
            stay: false, //是否保留提示框
            callback: () => {
              //按钮回调函数
              console.log("取消");
            }
          },
          {
            txt: "查看VIP特权",
            color: "#deaa8a",
            stay: false,
            callback: () => {
              this.$router.push({
                path: "/user/vip"
              });
            }
          }
        ]
      });
    }
  }
};
</script>

<style scoped>
.formlist .item .right .card {
  margin-bottom: 0.2rem;
}

.formlist .item:last-child {
  border: none;
}

.formlist .item .right textarea {
  height: 1.8rem;
}
</style>
